@import "@wordpress/base-styles/breakpoints";
@import "@wordpress/base-styles/mixins";

.site-monitoring-time-range-picker__controls {
	flex-grow: 1;
	&.segmented-control .segmented-control__item:first-of-type .segmented-control__link {
		border-top-left-radius: 4px;
		border-bottom-left-radius: 4px;
	}
	&.segmented-control .segmented-control__item:last-of-type .segmented-control__link {
		border-top-right-radius: 4px;
		border-bottom-right-radius: 4px;
	}
	@include break-medium {
		max-width: 329px;
	}
}

.site-monitoring-time-range-picker__container {
	display: flex;
	justify-content: flex-end;
	align-self: flex-start;
	flex-direction: column;
	gap: 10px;
	flex-grow: 1;
	@include break-medium {
		flex-direction: row;
		align-items: center;
	}
}

.site-monitoring-time-range-picker__heading {
	font-weight: 400;
	font-size: 0.875rem;
	line-height: 20px;
}
